    <!DOCTYPE html>    
    <html>
    <head>
        <meta charset="utf-8">    
        <title>ForeHead</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">    
        <script src="/Public/js/jquery.min.js"></script> 
        <script src="/Public/js/bootstrap.min.js"></script> 

        <link rel="stylesheet" type="text/css" href="/Public/css/bootstrap.min.css">
        <style type="text/css">
         body{
            background-color: #f4f4f4;
        }
        .navbar{
            border:0;
        }
        .container{
            padding: 0 !important;
            width: 100%;
            height: 50px;
            background: #74E2BB;
        }
        .container-btn{
            float: left;
            width: 50%;
            height: 100%;
            font-size: 17px;
            font-weight: bold;
            text-align: center;
            line-height: 50px;
            color: white;
        }
        .container-btn-checked{
            background: #34d098;
        }
        .media{
           background-color: white;
           height: 98px;
        }
        .media-left,.media-body{
            padding: 17px 0 29px 14px;
        }
         .media-left-text{
            width: 45px;
            height: 45px;
            border-radius: 50%;
            border: 1px solid gray;
            /*background-color: yellow;*/
            background-image: url({$job['headimgurl']});
            background-size: 100% 100%;

            text-align: center;
            line-height: 50px;
            /*margin: 10px 0 0 5px;*/
            font-weight: bolder;
            margin-top: 5px;
        }
        .media-name{
            font-size: 16px;
            color: #505960;
        }
        .time{
            font-size: 12px;
            color: #cacfd2;
            margin: 5px 0;
        }
        .reward-job{
            font-weight: bolder;
            margin: 15px 0 0 5px;
            float: left;
        }
         .reward-money{
            position: absolute;
            top: 0;
            right: 0;
            font-weight: bolder;
            margin: 17px 15px 0 0;

            /*float: right;*/
            color: #f67865;
        }
        .reward-money-big{
            float: right;
            font-size: 17px;
            margin-left: 7px;

        }
        .reward-money-small{
            float: left;

        }
        .reward-money img{
            padding-right: 4px;
             width: 22px;
             height: 22px;
        }
        .collect{
            text-align: right;
            font-size: 14px;
            color: #cacfd2;
            padding: 0 2px 2px 0;

        }

        .recommend img{
            width: 16px;
            height: 13px;
        }
        .recommend-spread,.recommend-apply{
            display: inline-block;
            color: #cacfd2;
            font-size: 12px;
        }
        .job{
            background-color: white;
            margin-top: 5px;
            padding: 10px;
        }
        .job-title{
            padding: 0 0 0 18px;
            color: #34d098;
            font-size: 15px;
        }
        .job-describe-btn div{
            display: inline-block;
            background-color: white;
            margin:5px 10px 5px 0;
            border:1px solid #DADEE1;
            padding: 3px 7px;
            border-radius: 2px; 
        }
        .job-list{
            margin: 5px 0 0 18px;
            /*padding-bottom: 15px;*/
            font-size: 14px;
            color: #505960;

        }
        .empty{
            height: 72px;
        }
        .media-job{
            width: 100%;
            height: 60px;
            background-color: white;
            border-bottom: 1px solid #f4f4f4;
            border-top: 1px solid #e2e6ea; 
        }
        .reward-job{
            margin: 10px 16px 10px 22px;
            float: left;
        }
        .reward-job img{
            width: 38px;
            height: 34px;
        }
        .reward-job-name{
            padding: 8px 0 0 16px;
            float: right;
            color:#505960;
        }
        .media-reward-money{
            color: #cacfd2;
            float: right;
            margin: 18px 22px 0 0;
        }
        .job-ask{
            height: 64px;
            color: #505960;
            text-align: center;
            font-size: 12px;
            background-color: white;
        }
        .job-ask img{
            width: 24px;
            height: 14px;
        }
        .job-ask .list{
            display: inline-block;
        }
        .edu{
            margin: 10px 60px 0 0;
            padding-bottom: 10px;
        }
        .type{
            margin: 10px 0 0 70px;
            padding-bottom: 10px;
        }
        .list div{
            padding-top:10px;
        }
        .show-more{
            float: right;
            color: #34d098;
            margin:10px 10px 0 0; 
        }
        .share-content{
            position: fixed;
            top: 0;
            z-index: 3000;
            width: 100%;
            min-height: 100%;
            overflow: hidden;
            background-color: #fff;
            background: rgba(0,0,0,0.8);
            background-image: url("/Public/img/分享切图.svg");
            background-size: 100% 100%;
        }
        #complete-userInfo
        {
                margin-top: 30%;
        }
        .dialog-title{
            text-align: center;
            font-size: 20px;
            padding: 10px 0;
            background-color: #11beb8;
            width: 100%;
            color: white;
        }
        .dialog-content{
           padding: 50px 10px 30px 10px;
           font-size: 15px; 
        }
        .dialog-btn{
                width: 70%;
                height: 40px;
                margin: 20px auto;
                border-radius: 2px;
                background-color: #34D098;
                border-color: #34D098;
                color: white;
                line-height: 40px;
                text-align: center;
        }
        .set-close{
            z-index: 99;
            position: absolute;
            top: -8px;
            right: -8px;
            height: 28px;
            width: 28px;
            padding: 0;
            color: #11beb8;
            font-size: 12px;
            text-align: center;
            background-color: #fff;
            opacity: 1;
            border: 1px solid #11beb8;
            border-radius: 999px;
        }
        .set-close img{
            margin:0;
            padding:0;
            width: 100%;
            height: 100%;
        }
        </style>
    </head>
    <body>
        <div class="media">
            <a href="http://w2.9026.com/addon/JianCai/JianCai/userMessage/uid/{$user[id]}">
                <div class="media-left">
                    <img class="media-left-text" src="{$user['headimgurl']}">
                    
                </div>
            </a>
            <div class="media-body">
                <div class="media-name">
                    {$user['name']}
                </div>
                <div class="time">
                    {$job['cTime']|date='H:i',###}
                </div>

                <!-- <div class="reward-job">财务总监</div> -->
                 <div class="recommend">
                    <div class="recommend-spread">
                    <img src="/Public/img/扩散次数.svg">
                    {$job['share']}次扩散</div>
                    <div class="recommend-apply">
                    <img src="/Public/img/推荐次数.svg">
                    {$job['apply']}次申请
                    </div>
                </div>
                 
                <div class="reward-money">
                    <div class="collect">
                        <img class="reward-icon " src="/Public/img/收藏.svg">收藏</div>
                    <div class="reward-money-small">
                        <img class="reward-icon" src="/Public/img/赏金.svg"></div>
                    <div class="reward-money-big">{$job['rewardMoney']}</div>
                </div>
            </div>
        </div>
        <div class="media-job">
            <div class="reward-job">
                <img src="/Public/img/find.svg">        
                <div class="reward-job-name">{$job['jobName']}</div>
            </div>
            <div class="media-reward-money">{$job['payScope']}</div>
        </div>
        <div class="job-ask">
            <div class="list edu">
                <img src="/Public/img/学历.svg">            
                <div>{$job['eduAsk']}</div>
            </div>
            <div class="list exp">
                <img src="/Public/img/经验.svg">            
                <div>{$job['experienceAsk']}</div>
            </div>
            <div class="list type">
                <img src="/Public/img/就职类型.svg">            
                <div>{$job['jobType']}</div>
            </div>

        </div>

        <div class="recommend-content">
            <div class="company job">
                <div class=" job-title company-title">企业名称</div>
                <div class="job-list">{$job['company']}</div>
            </div>

            <div class="place job">
                <div class=" job-title">工作地点</div>
                <div class="job-list">{$job['jobPlace']}</div>
            </div>

            <div class="job">
                <div class="job-title">
                    职位描述
                </div> 
                <div class="job-describe-btn job-list">
                   <!--  {$job['jobDuty']} -->
                    
                   <!--  <div>财务总管</div>
                    <div>EMBA</div>
                    <div>直接汇报CEO</div>
                    <div>理财系统培训</div>  -->
               
                </div>
            </div>

            
            <div class="job">
                <div class="job-title">
                    招募人数
                </div> 
                <div class="job-list">
                    <div>{$job['needNum']}</div>
                </div>
            </div>

            <div class="job">
                <div class="job-title">
                    公司简介
                </div> 
                 <div class="job-list">
                     <div>{$job['companyDetail']}</div>
                     <!-- <div class="show-more">
                         显示更多
                         <img src="img/"></div> -->
                 </div>
            </div>
            
             <div class="empty">
               
            </div>
        </div>
        <div class="share-content" style="display:none">
        </div>

         <nav class="navbar navbar-default navbar-fixed-bottom">
            <div class="container">
                <div class="container-btn spread-btn">我要扩散</div>
                <!-- <a href="/addon/JianCai/JianCai/recommend/jobId/{$job['id']}"></a> -->
                <a href="/addon/JianCai/JianCai/recommend/jobId/{$job['id']}"><div class="container-btn container-btn-checked">我要推荐</div></a>
            </div>
        </nav>
    <!-- <if condition="$user['phoneNum'] neq ''"> -->
        <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="complete-userInfo">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="dialog-title">请先完善你的个人资料</div>
                    <div class="dialog-content">
                        只有先完善自己的个人资料才能查看对方的信息
                        <a href="/addon/JianCai/JianCai/userInfo.html">
                            <div class="dialog-btn">去完善＝＝》</div>
                        </a>
                    </div>
                </div>
                <div class="set-close">
                    <img src="/Public/img/弹出框的关闭.svg"></div>
            </div>

        </div>
   <!--  </if> -->

     </body>

    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript"> 

wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '<?php echo $signPackage["appId"];?>', // 必填，公众号的唯一标识
    timestamp: <?php echo $signPackage["timestamp"];?>, // 必填，生成签名的时间戳
    nonceStr: '<?php echo $signPackage["nonceStr"];?>', // 必填，生成签名的随机串
    signature: '<?php echo $signPackage["signature"];?>',// 必填，签名，见附录1
    jsApiList: ['onMenuShareWeibo','onMenuShareQQ', 'onMenuShareAppMessage', 'onMenuShareTimeline'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
wx.ready(function(){

    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
            var imgUrl = "http://wx.qlogo.cn/mmopen/7f9MrRYJIPlcgtAqKsfibdARibWicLvGSicBhwGtLpsbobX1ibXEicevJ2iblic0f7ym8V8qPC7khJvZJnlIUNNkmCtT6LmxoRtwvA1E/132";
            var lineLink = "http://w2.9026.com/addon/JianCai/JianCai/recommendDetail/jobId/59";
            var descContent = '获取微信头像小图 url';
            var shareTitle = '获取微信头像小图 url';
            var appid = 'wxdc58549af8aa12b1';//微信公众号appid
 

 wx.onMenuShareTimeline({
    title: shareTitle, // 分享标题
    link: lineLink, // 分享链接
    imgUrl: imgUrl, // 分享图标
    success: function () { 
        // 用户确认分享后执行的回调函数
        $.get("/addon/JianCai/JianCai/jobShare/jobid/{$job['id']}", function(result){ 
           // alert(result);
        }); 

    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});

wx.onMenuShareAppMessage({
    title: shareTitle, // 分享标题
    desc: descContent, // 分享描述
    link: lineLink, // 分享链接
    imgUrl: imgUrl, // 分享图标
    type: '', // 分享类型,music、video或link，不填默认为link
    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
    success: function () { 
        // 用户确认分享后执行的回调函数
        $.get("/addon/JianCai/JianCai/jobShare/jobid/{$job['id']}", function(result){ 
           // alert(result);
        }); 
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});
 
});



        var jobDuty = "{$job['jobDuty']}";
        
        for(i = 0; i < jobDuty.length; i++)
        {
            $(".job-describe-btn").append(jobDuty[i]);
        }

        $(".spread-btn").on("click",function(){
            $(".share-content").show();
        })
        $(".share-content").on("click",function(){
            $(".share-content").hide();
        })
        $(".media-left-text").on("click",function(){
            var phoneNum = "{$user['phoneNum']}";
            // var phoneNum = "";
            if(phoneNum!='')
            {
               $("#complete-userInfo").modal('show'); 
            }else{
                window.location.href = "#";
            }
        })
        $(".set-close").on("click",function(){
             $("#complete-userInfo").modal('hide');
        })
        function fmoney(s, n) //s:传入的float数字 ，n:希望返回小数点几位 
        { 
            n = n > 0 && n <= 20 ? n : 2; 
            s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + ""; 
            var l = s.split(".")[0].split("").reverse(), 
            r = s.split(".")[1]; 
            t = ""; 
            for(i = 0; i < l.length; i ++ ) 
            { 
            t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : ""); 
            } 
            // return t.split("").reverse().join("") + "." + r;
            return t.split("").reverse().join(""); 
        }
        
        $(".reward-money-big").text("¥ "+fmoney($(".reward-money-big").text(), 0));
    </script>
    
    </html>